/* 抽屉面板事件 */
let timer;
export default {
	watch:{
		/* 2022-0113 新增优化
		 * 用于修复 
		 * 如果用户是用手机的物理按钮达到的退出全屏目的
		 * 此时如果抽屉是打开的，但通过物理按键退出全屏后，
		 * 抽屉面板并没有关闭，会造成退出全屏后，video点击无反应的问题。
		 */
		// 监听是否全屏的变化，并关闭抽屉
		isFullScreenChange:{
			handler(newChange,oldChange){
				// 关闭所有的抽屉面板Item
				this.closeDrawerItem()
			},
			immediate: true,
		},
		isopenDrawerItem:{
			handler(newDrawer,oldDrawer){
				if (newDrawer==true){
					
				}
			},
			immediate: true,//普通监听（可监听到第一次绑定的变化）
		},
		// 2021-1115-1351-新增
		isPlay:{
			handler(newPlay,oldPlay){
				// 获取是否全屏，当暂停与播放的时候执行修改
				let isFull = this.isFullScreenChange
				
				if (isFull==true&&newPlay==false){
					// 如果用户直接home键退出全屏，其实播放器并没有退出全屏，再进入程序时就变成了竖列的宽高度是不对的，所以需要重新计算
					
					// 如果抽屉面板有被打开
					if (this.isopenDrawerItem == true){
						// 关闭所有的抽屉面板Item
						this.closeDrawerItem()
					}
					// 修改全屏宽高度
					this.getFunllWidhtHeight()
				}else if (isFull==true&&newPlay==true) {
					
				}
			},
			immediate: true,
		}
	},
	methods:{
		/* 
		 * @ 抽屉面板得用渲染，写在配置文件里
		 * @ 需要具备“自定义”功能，打开面板也就是打开索引项
		 * @ 不然的话，写死在了播放器里，不具备别人二次开发的要求
		 * @@ 由于不支持动态插槽，暂时就先这样
		 */
		
		// 打开抽屉面板Item项
		openDrawerItem(type){
			// 要打开的抽屉面板类型(如“倍速”,“选集等”)
			//console.log('打开的抽屉面板'+type)
			
			// 关闭全屏控制面板
			this.isgoFull = false
			// 抽屉面板下的Item面板是否是开启状态，是的话，就要禁用“手指触摸事件”
			this.isopenDrawerItem = true
			switch(type){
				case 'besu':{
					// 打开“倍速设置”-抽屉
					this.Drawer.drawer_besu = true
				}
				break;
				case 'gengduo':{
					// 打开“更多设置”-抽屉
					this.Drawer.drawer_gengduo = true
				}
				break;
				case 'HDR':{
					// 打开“画质设置”-抽屉
					this.Drawer.drawer_HDR = true
				}
				break;
				case 'xuanji':{
					// 打开“选集设置”-抽屉
					this.Drawer.drawer_xuanji = true
				}
				break;
				case 'goods':{
					// 打开“购物车设置”-抽屉
					this.Drawer.drawer_goods = true
				}
				break;
				case 'qiguanBaiKe':{
					// 打开“仿爱奇艺·奇观”-抽屉
					this.Drawer.drawer_qiguanBaiKe = true
				}
				break;
				case 'Share':{
					// 打开“分享设置”-抽屉
					this.Drawer.drawer_Share = true
				}
				break;
				case 'DanmuStting':{
					// 打开“弹幕设置”-抽屉
					this.Drawer.drawer_DanmuSetting = true
				}
				case 'DIY':{
					/* 2022-0120 新增功能 */
					// 打开“开发者自定义-抽屉”
					this.Drawer.drawer_DIY = true
				}
				break;
				default:{
					// 默认代码块
				}
			}
		},
		// 关闭抽屉面板Item项(关闭所有的Item项)
		closeDrawerItem(){
			// 执行动画 此时show=false
			this.isShowCommFullScreen()
			var aniShow = this.show //抽屉动画执行中
			//console.log('aniShow=='+aniShow)
			timer = setTimeout(() =>{
				aniShow = true //抽屉动画执行结束
				if (aniShow==true) {
					// 关闭“倍速设置”-抽屉
					this.Drawer.drawer_besu = false
					// 关闭“更多设置”-抽屉 
					this.Drawer.drawer_gengduo = false
					// 关闭“画质设置”-抽屉
					this.Drawer.drawer_HDR = false
					// 关闭“选集设置”-抽屉
					this.Drawer.drawer_xuanji = false
					// 关闭“购物车设置”-抽屉
					this.Drawer.drawer_goods = false
					// 关闭“仿爱奇艺·奇观”-抽屉
					this.Drawer.drawer_qiguanBaiKe = false
					// 关闭“百科星图webview”-浏览器
					this.BaiKeWebView = false
					// 关闭“分享设置”-抽屉
					this.Drawer.drawer_Share = false
					// 关闭“弹幕设置”-抽屉
					this.Drawer.drawer_DanmuSetting = false
					// 关闭“开发者自定义-抽屉”
					this.Drawer.drawer_DIY = false
					// 打开全屏控制面板
					this.isgoFull = true
					// 抽屉面板下的Item面板是否是开启状态，是的话，就要禁用“手指触摸事件”
					this.isopenDrawerItem = false
					// 执行动画 此时show=true(这段不要的话，不显示控制面板，手动点击显示)
					this.isShowCommFullScreen()
					// 清除定时器
					clearTimeout(timer)
				}
			},400)
		}
	}
}